.my-kaoqin{
  .picker-modal{
    height: 15rem;
  }
  .picker-calendar-day.picker-calendar-day-selected span{
    background: #fff;
    color:#3D4145;
  }
  .picker-calendar-day.picker-calendar-day-prev.picker-calendar-day-selected span,.picker-calendar-day.picker-calendar-day-next.picker-calendar-day-selected span{
    background: #fff;
    color:#ccc;
  }
  .picker-modal .toolbar-inner {
    height: 2.8rem;
    align-items: flex-end;
    justify-content: space-around;
  }
  #colorIntro {
    font-size: 0.6rem;
    position: absolute;
    top: 3px;
    display: flex;
    width: 100%;
    justify-content: center;
    span{
      height: 0.6rem;
      width: 0.6rem;
      border-radius:50%;
      display:block;
      margin-right: 0.2rem;
    }
    div:nth-child(2){
      display: flex;
      align-items: center;
      margin-right: 0.2rem;
      span{
        background-color: #94F193;
      }
    }
    div:nth-child(3) {
      display: flex;
      align-items: center;
      margin-right: 0.2rem;
      span{
        background-color: #F19393;
      }
    }

  }
}
.my-kaoqin-con{
  display: flex;
  flex-direction: column;
  height: 100%;
  .t-right{
    text-align: right;
  }
  .t-table-title{
    font-size: 0.7rem;
  }
  .check-head{
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    align-items: center;
    border-bottom:1px solid #e7e7e7;
    .item-left{
      display: flex;
      align-items: center;
      img{
        width: 2.2rem;
        height: 2.2rem;
        border-radius:50%;
        display: block;
        margin-right: 0.5rem;
      }
    }
    .item-right{
      text-decoration: underline !important;
    }
  }
  .kaoqin-con{
    flex:1;
    .table-wrap{
      padding: 0.5rem;
    }
    //#dateInput{
    //  float: right;
    //  border:1px solid #007aff;
    //  width: 2rem;
    //}
    .title-left{
      float: left;
    }
    .title-right{
      float: right;
      width: 5rem;
      position:relative;
      input{
        width: 100%;
        border:none;
        border-radius:2px;
        //background-color: #efeff4;
        background: #efeff4 url('../iconfont/down.png') no-repeat 93% 50%;
        background-size: 0.3rem 0.2rem;
        padding: 3px;
        font-size:0.7rem;
      }
      //span{
      //  position: absolute;
      //  right: 2px;
      //  top: 1px;
      //  color:#5E97F6;
      //}
    }
    table{
      width: 100%;
      font-size:0.65rem;
      td{
        width: 25%;
        padding: 0.1rem 0;
      }
      td:nth-child(2n+1){
        span{
          position:relative;
          padding-left: 0.5rem;
          &:before{
            position:absolute;
            content:"";
            left: 0;
            top: 2px;
            height: 70%;
            width: 4px;
            background: #F7B55E;
          }
        }
        &.tip-line-bg>span:before{
          background: #5E97F6;
        }
      }
    }
  }
  .text-info{
    padding: 0.5rem;
    font-size:0.7rem;
    position:absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    text-align: center;
  }
}